// physical-html
//
// Copyright (c)Daigo Tanaka
// 
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
// 
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
// 
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.

physHtml.htmlObject = function(elem, physObj)
{
this.htmlElement = elem;
this.physicalObject = physObj;
this.innerHTML = elem.innerHTML;
this.render = function()
{
  this.htmlElement.style.left =
    ( this.physicalObject.position.e(physHtml.Index0)
      + Math.cos(this.physicalObject.orientation) * this.physicalObject.width * this.physicalObject.offset.e(physHtml.Index0)
      - Math.sin(this.physicalObject.orientation) * this.physicalObject.height * this.physicalObject.offset.e(physHtml.Index1)
      - this.physicalObject.width * this.physicalObject.rotationOffset.e(physHtml.Index0)
      + Math.cos(this.physicalObject.orientation) * this.physicalObject.width * this.physicalObject.rotationOffset.e(physHtml.Index0)
      - Math.sin(this.physicalObject.orientation) * this.physicalObject.height * this.physicalObject.rotationOffset.e(physHtml.Index1)
    ).toFixed(0)
  + "px";

  this.htmlElement.style.top =
    ( this.physicalObject.position.e(physHtml.Index1)
      + Math.sin(this.physicalObject.orientation) * this.physicalObject.width * this.physicalObject.offset.e(physHtml.Index0)
      + Math.cos(this.physicalObject.orientation) * this.physicalObject.height * this.physicalObject.offset.e(physHtml.Index1)
      - this.physicalObject.height * this.physicalObject.rotationOffset.e(physHtml.Index1)
      + Math.sin(this.physicalObject.orientation) * this.physicalObject.width * this.physicalObject.rotationOffset.e(physHtml.Index0)
      + Math.cos(this.physicalObject.orientation) * this.physicalObject.height * this.physicalObject.rotationOffset.e(physHtml.Index1)
    ).toFixed(0)
  + "px";
  this.htmlElement.style.WebkitTransform = "rotateZ(" + (180.0  * this.physicalObject.orientation / Math.PI ).toFixed(0) + "deg)";
//  this.htmlElement.innerHTML= this.innerHTML+(180.0 * this.physicalObject.orientation / Math.PI).toFixed(0);
/* -moz-transform: rotateZ(5deg); -o-transform: rotateZ(5deg);transform: rotateZ(5deg);  */
  this.htmlElement.style.width = this.physicalObject.width.toFixed(0) + "px";
  this.htmlElement.style.height = this.physicalObject.height.toFixed(0) + "px";
}
}


physHtml.htmlObjects = function()
{
this.htmlObjects = new Array();
this.render = function()
{
  for (var i = 0; i < this.htmlObjects.length; i++){
    this.htmlObjects[i].render();
  }
};

this.addObject = function(htmlObj){
  this.htmlObjects.push(htmlObj);
}
}

